<!DOCTYPE html>
<html style="height: 100%;">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
		<meta name="format-detection" content="telephone=no">
		<title></title>
		<script type="text/javascript" src="../js/localstorage.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/zTreeStyle.css">
		<link rel="stylesheet" href="../css/Stylesheet.css">
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/jquery.ztree.core.js"></script>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
				font-size: 12px;
			}
			
			
			
			#tree {
				width: 140px;
				display: none;
				position: absolute;
				background: #fff;
			}
			
			#list {
				position: absolute;
				right: 0px;
				margin-top: 20px;
				width: 200px;
				background: #eaeaea;
			}
		</style>

		<script type="text/javascript">
			// tree节点点击事件  name为这个节点的值
			function zTreeOnClick(event, treeId, treeNode) {
				$("#site").val(treeNode.name);
			};
			var setting = {
				callback: {
					onClick: zTreeOnClick
				}
			};
			var zNodes = [{
				name: "香港",
				open: true,
				children: [{
						name: "九龙区",
						open: true,
						children: [
							{ name: "场所A" },
							{ name: "场所B" },
							{ name: "场所C" }
						]
					},
					{
						name: "旺角区",
						open: true,
						children: [
							{ name: "场所A" },
							{ name: "场所B" },
							{ name: "场所C" }
						]
					},
					{
						name: "西贡区",
						open: true,
						children: [
							{ name: "场所A" },
							{ name: "场所B" },
							{ name: "场所C" }
						]
					},
					{
						name: "油尖旺区",
						open: true,
						children: [
							{ name: "场所A" },
							{ name: "场所B" },
							{ name: "场所C" }
						]
					},
					{
						name: "深水埗区",
						open: true,
						children: [
							{ name: "场所A" },
							{ name: "场所B" },
							{ name: "场所C" }
						]
					}
				]
			}];
			$(function() {
				$.fn.zTree.init($("#treeDemo"), setting, zNodes);
			})
		</script>
		<script type="text/javascript">
			$(function() {

				$("div").click(function(e) {
					var id = $(this).attr("id");
					if(id == "aaa") {
						return false;
					} else if(id == "tree") {
						return false;
					} else {
						$("#tree").slideUp(300);
					}

				})

				$("#site").click(function(e) {
					$("#tree").slideDown(300);
				})

				// $("#site").blur(function(e){
				//  $("#tree").slideUp(300);
				// })
				$("#tree").hover(function() {}, function() {
					$("#tree").slideUp(300);
					// $("#site").blur();
				})
			})
		</script>
	</head>

	<body>
		<div class="pageheader">
			<div class="clear"></div>
			<!-- <img src="/Icons/fangke.png" alt="Customers" title="Customers"> -->
			<h1><script>document.write(language.License_Permit)</script></h1>
		</div>
		<div class="ExportLinks">
			<a class="common_operation1" href="#"><script>document.write(language.Export_all_to)</script> Excel</a>
			<a class="common_operation2" href="#"><script>document.write(language.Export_this_page_to)</script> Excel</a>
			<a class="common_operation3" href="#"><script>document.write(language.Export_this_page_to)</script> PDF</a>
			<a class="common_operation4" href="#"><script>document.write(language.Export_all_to)</script> PDF</a>
			<a class="common_operation5" href="#"><script>document.write(language.send)</script> <script>document.write(language.email)</script></a>
		</div>
		<div class="reportResults">
			<table class="list_table" id="ltReport_list" width="100%" cellspacing="0" style="text-align: center;">
				<thead>
					<!-- <tr>
					<td colspan="5" style="text-align:left;line-height: 40px;border-right: 0px;font-weight: bold;padding-left: 30px;">
						Visitor table<input type="text" placeholder="search" style="padding: 5px;margin-left: 20px;border-radius: 4px;border:1px solid #ccc;" /></td>
					<td colspan="3" style="text-align:right;line-height: 40px;border-left: 0px;"><button onclick="add()">增加</button></td>
				</tr> -->
					<tr>
						<th style="width: 5%;">
							<script>
								document.write(language.License_Permit)
							</script>
						</th>
						<th style="width: 5%;">
							<script>
								document.write(language.operation)
							</script>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr class="odd_row">
						<td>Construction Industry Safety Training Certificate</td>
						<td>
							<button class="new"><script>document.write(language.create)</script></button>
							<button class="edit"><script>document.write(language.edit)</script></button>
							<button class="delete"><script>document.write(language.delete)</script></button>
						</td>
					</tr>
					<tr class="even_row">
						<td>Certificate of Registration of Electical Wirjer</td>
						<td>
							<button class="new"><script>document.write(language.create)</script></button>
							<button class="edit"><script>document.write(language.edit)</script></button>
							<button class="delete"><script>document.write(language.delete)</script></button>
						</td>
					</tr>
					<tr class="odd_row">
						<td>Register Minor Works Contractor</td>
						<td>
							<button class="new"><script>document.write(language.create)</script></button>
							<button class="edit"><script>document.write(language.edit)</script></button>
							<button class="delete"><script>document.write(language.delete)</script></button>
						</td>
					</tr>
					<tr class="even_row">
						<td>Metal Scaffold Safety Training Certificate</td>
						<td>
							<button class="new"><script>document.write(language.create)</script></button>
							<button class="edit"><script>document.write(language.edit)</script></button>
							<button class="delete"><script>document.write(language.delete)</script></button>
						</td>
					</tr>
					<tr class="odd_row">
						<td>Construction Worker Registration Card</td>
						<td>
							<button class="new"><script>document.write(language.create)</script></button>
							<button class="edit"><script>document.write(language.edit)</script></button>
							<button class="delete"><script>document.write(language.delete)</script></button>
						</td>
					</tr>
				</tbody>
			</table>

			

			<div class="WhereToLinks"></div>
		</div>

		<!-- <div class="k-overlay"></div>

	<div class="content">
		<table style="border-spacing:0px;">
			<thead>
				<tr>
					<td colspan="2" style="text-align:left;line-height: 40px;font-weight: bold;padding-left: 30px;">New visitors</td>
					<td colspan="2" style="text-align:right;line-height: 40px;"><button onclick='$(".k-overlay,.content").css("display","none");' style="border:0px;margin:0px;">X</button></td>
				</tr>
			</thead>
			<tbody>
                <tr style="line-height: 10px;"><td colspan="4">&nbsp;</td></tr>
				<tr>
                	<td>Full name:</td><td><input type="text" placeholder="Please enter your name" /></td>
                	<td>Telephone:</td><td><input type="text" placeholder="Please enter the phone" /></td>
            	</tr>
				<tr>
                	<td>Interviewee:</td><td><input type="text" placeholder="Please input the name of the interviewee" /></td>
                	<td>Interviewee phone:</td><td><input type="text" placeholder="Please input the telephone number of the interviewees" /></td>
                </tr>
				<tr>
                	<td>Interviewee address:</td><td><input type="text" placeholder="Please input the address of the interviewee" /></td>
                	<td>Visiting time:</td><td><input type="data" value="10-08-2017" /></td>
                </tr>
                <tr style="line-height: 10px;"><td colspan="4">&nbsp;</td></tr>
			</tbody>
			<tfoot>
                <tr style="line-height: 10px;"><td style="border-top: 1px solid #ccc;" colspan="4">&nbsp;</td></tr>
				<tr>
					<td></td>
					<td colspan="3" style="text-align: right;">
						<button onclick='$(".k-overlay,.content").css("display","none");'>cancel</button>
						<button onclick='$(".k-overlay,.content").css("display","none");'>Preservation</button>
					</td>
				</tr>
                <tr style="line-height: 10px;"><td colspan="4">&nbsp;</td></tr>
			</tfoot>
		</table>
	</div> -->

	</body>

</html>